<template>
	<div id='PlayList'>
		<div class="play_list" v-for="item in dataList" @click="goPlayDetail(item)">
			<div class="play_list_left">
				<img class="play_list_img" :src="item.title_img" alt="" />
				<div class="play_list_mb">
					<img class="play_list_img_icon" src="../../assets/videoImg.png" alt="" /> 
				</div>

			</div>
			<div class="play_list_right">
				<div class="play_list_title c_text_ellipsis_2">{{item.title}}</div>
				<div class="play_list_right_bottom">
					<div class="bottom_left">
						<img class="bottom_left_img" src="../../assets/index_look.png" alt="" />
						<div class="bottom_left_num">{{item.watch_count}}次</div>
					</div>
					<div class="bottom_left_label" v-if="item.member == 1">会员课程</div>
				</div>
			</div>
		</div>
	</div>
</template>

<script>
	export default {
		name: 'PlayList',
		props: {
			dataList: {
				default: function() {
					return []
				},
			},

		},
		components: {

		},
		data() {
			return {

			}
		},
		created() {},
		watch: {

		},
		computed: {

		},
		mounted() {
			document.title = ''
		},
		methods: {
			goPlayDetail(){
				this.$dialog.confirm({
                    title: '温馨提示',
                    mes: '下载“榜样商学院”APP才可体验该功能哦~',
                    opts: [
                    	{
                            txt: '取消',
                            color: false,
                            callback: () => {

                       		},
                    	},
                        {
                            txt: '去下载',
                            stay: true,
                            color: '#C59539',
                            callback: () => {
								window.location=this.$root.config.downAppUrl
                            }
                        },
                    ]
                });
			},
		}
	}
</script>

<style lang="scss">
	@import './PlayList.scss';
</style>